<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<style>
	      
	        h3 {
	            margin: 0;
	            padding: 0;
	        }
	        ul{
	            list-style: none;
	        }
	 
	        a {
	            text-decoration: none;
	        }
	 
	        a:hover {
	            text-decoration: underline;
	        }
	 
	        sup {
	            vertical-align: text-top;
	        }
	 
	        /*布局CSS代码*/
	 
	        body, html {
	            background: #EAEEF2;
	            width: 100%;
	            height:100%;
	            color: lightblue;
	        }
	 
	        .logo {
	            background: black;
	            font-size: 40px;
	            padding-left: 20px;
	            height: 60px;
	            min-height: 60px;
	            width: 100%;
	            position: fixed;
	            top: 0;
	            right: 0;
	            z-index: 100;
	        }
	 
	        .nav {
	            background: black;
	            font-size: 30px;
	            height: 100%;
	            width: 15%;
	            float: left;
	            position: relative;
	            margin-right: -100%;
	            box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.1);
	        }
	 
	        .content {
	            height: 100%;
	            width: 85%;
	            margin-left: 15%;
	        }
	 
	        .content-body {
	            padding-left: 15px;
	            padding-right: 15px;
	            background: black;
	            height: 100%;
	            font-size: 40px;
	            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	            overflow: auto;
	        }
	 
	        .main {
	            background: #F8F8F8;
	            height: 100%;
	            padding-top: 68px;
	            padding-bottom: 6px;
	        }
	 
	    </style>
</head>
<body style="margin:50px"><form role="form" class="form-horizontal">
<div class="logo" >
	   <div id="" style="text-align: center;">
			<label ><h3>管理员界面</h3></label>
		</div>
</div>
<div class="container-fluid">    
	    <div class="row main">
	        <div class="col-md-3 nav">
	            <ul>
					<li><a href="#">用户管理</a></li>
					<hr />
					<li><a href="#">权限管理</a></li>
					<hr />
					<li><a href="#">权限管理</a></li>
					<hr />
					<li><a href="#">删除用户</a></li>
				</ul>
	        </div>
<div class="col-md-9 content">
	            <div class="content-body">
	            <table border="1" cellspacing="" cellpadding=""class="table table-bordered table-striped">
			<tr>
			</tr>
			<tr><td>用户ID</td><td>用户名</td><td>密码</td><td>权限</td></tr>
			<tr>
			<td>1</td>
			<td>zhangsan</td>
			<td>1234</td>
			<td>0</td>
		</tr>
	<c:forEach items="${users}" var="x">
	    
		<tr>
			<td>${x.id}</td>
			<td>${x.name}</td>
			<td>${x.pwd}</td>
			<td>${x.role}</td>
		</tr>
	</c:forEach>
		</table>
	            </div>
	        </div>
	    </div>
	</div>
	</form>
</body></html>